<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>引入方式</title>

    <!--2. 定义内部样式  一般只对当前页面有效
        type的值必须为text/css. 不写则默认
    -->
    <style>
        /*语法:  #id值 表示为哪个ID标签添加样式 */
        #p2 {
            font-size: 25px;
            font-family: 楷体;
            color: gold;
        }
    </style>

    <!--3.外部样式的引入  如果样式需要通用
        rel: stylesheet  告知浏览器我引用的是一个样式列表
        href="p.css"     引入指定的列表内容.
    -->
    <link rel="stylesheet" href="p.css">


</head>
<body>

    <!--1. 行内引入
       关键字:  style
       数据结构:
          key: value;
       注意点:  行内样式的写法适合简单的样式操作.
    -->
    <p style="font-size: 40px;font-family: 隶书;color: lightcoral; background-color: darkgrey;">我是第一个段落</p>

    <p id="p2">内部样式测试</p>

    <p id="p3">测试外部样式的引入</p>

</body>
</html>